<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:a4j="http://richfaces.org/a4j">
    <body>
        <ui:composition template="/common/templates/common.xhtml">
            <ui:param name="titulo" value="Reporte" />
                
            <ui:define name="body">
                <ui:include src="/pages/menu.xhtml">
                </ui:include>
                <rich:panel>
                    <f:facet name="header">
                        <h:outputText id="labelTitulo" value="#{Messages['reporte.compras.title']}"/>
                    </f:facet>
                    <h:panelGrid columns="2" >
                        <h:outputText value="#{Messages['reporte.fecha']}" styleClass="texto_azul_bold"/>
                        <h:outputText value="#{ReporteComprasBean.reporte.fechaReporte}">
                            <f:convertDateTime type="date" pattern="dd/MM/yyyy"/>
                        </h:outputText>
                    </h:panelGrid>
                    <h:panelGrid columns="4" >
                        <h:outputText value="#{Messages['reporte.fecha.ini']}" styleClass="texto_azul_bold"/>
                        <h:outputText value="#{ReporteComprasBean.reporte.fechaIni}">
                            <f:convertDateTime type="date" pattern="dd/MM/yyyy"/>
                        </h:outputText>
                        <h:outputText value="#{Messages['reporte.fecha.fin']}" styleClass="texto_azul_bold"/>
                        <h:outputText value="#{ReporteComprasBean.reporte.fechaFin}">
                            <f:convertDateTime type="date" pattern="dd/MM/yyyy"/>
                        </h:outputText>    
                    </h:panelGrid>
                    <rich:dataTable id="tablaInterior" value="#{ReporteComprasBean.reporte.listCompras}"
                    var="compra" align="center">
                                <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column>
                                            <h:outputLabel value="#{Messages['reporte.cliente']}"/>
                                        </rich:column>
                                    </rich:columnGroup>
                                </f:facet>
                                <rich:columnGroup>
                                    <rich:column >
                                        <h:panelGrid columns="2" >
                                            <h:outputText id="inNombre" value="#{Messages['insert.producto.nombre']}" styleClass="texto_azul_bold"/>
                                            <h:outputText id="Nombre" value="#{compra.cliente.nombreCompleto}"/>
                                            <h:outputText id="inId" value="#{Messages['insert.cliente.numeroDocumento']}" styleClass="texto_azul_bold"/>
                                            <h:outputText id="id" value="#{compra.cliente.numeroDocumento}"/>
                                        </h:panelGrid>
                                        <rich:dataTable id="comprasCliente" value="#{compra.compras}"
                                            var="compraUsr">
                                            <f:facet name="header">
                                            <rich:columnGroup>
                                                <rich:column>
                                                    <h:outputLabel value="#{Messages['reporte.mueble.nombre']}" />
                                                </rich:column>
                                                <rich:column>
                                                    <h:outputLabel value="#{Messages['reporte.mueble.tipo']}"/>
                                                </rich:column>
                                                <rich:column>
                                                    <h:outputLabel value="#{Messages['reporte.mueble.cantidad']}"/>
                                                </rich:column>
                                                <rich:column>
                                                    <h:outputLabel value="#{Messages['reporte.mueble.cunitario']}"/>
                                                </rich:column>
                                                <rich:column>
                                                    <h:outputLabel value="#{Messages['reporte.mueble.ctotal']}"/>
                                                </rich:column>
                                            </rich:columnGroup>
                                        </f:facet>
                                        <rich:columnGroup>
                                            <rich:column>
                                                <h:outputText id="inNombre" value="#{compraUsr.mueble.nombre}"/>
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText id="inTipo" value="#{compraUsr.mueble.tipoMueble}"/>
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText id="inCantidad" value="#{compraUsr.cantidad}"/>
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText id="inPrecio" value="#{compraUsr.precio}"/>
                                            </rich:column>
                                            <rich:column>
                                                <h:outputText id="inTotal" value="#{compraUsr.cantidad * compraUsr.precio}"/>
                                            </rich:column>
                                        </rich:columnGroup>
                                        <f:facet name="footer">
                                            <rich:columnGroup>
                                                <rich:column colspan="4">
                                                    <h:outputLabel value="#{Messages['reporte.total']}"/>
                                                </rich:column>
                                                <rich:column>
                                                    <h:outputText value="#{compra.valorTotal}">
                                                        <f:convertNumber currencyCode="COP" currencySymbol="$" maxFractionDigits="0" type="currency"/>
                                                    </h:outputText>
                                                </rich:column>
                                            </rich:columnGroup>
                                        </f:facet>

                                        </rich:dataTable>
                                    </rich:column>
                                </rich:columnGroup>
                        </rich:dataTable>
                        <h:form>
                            <h:commandButton action="rep_ini" value="#{Messages['reporte.menu']}" />
                        </h:form>
                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>